<template>
	<view>
		<view class="list-cell-wrap">
			<list-cell hover arrow @tap="jump('/pages/message/acceptApplys')">
				<view class="list-cell-wrapper">
					<view view="title">收到的约拍请求</view>
					<view class="subtitle"></view>
				</view>
			</list-cell>
			<list-cell hover arrow @tap="jump('/pages/message/launchApplys')">
				<view class="list-cell-wrapper">
					<view view="title">发起的约拍请求</view>
					<view class="subtitle">
						<text></text>
					</view>
				</view>
			</list-cell>
		</view>
		<view class="list-cell-wrap">
			<list-cell hover arrow @tap="jump('/pages/message/acceptSigns')">
				<view class="list-cell-wrapper">
					<view view="title">收到的通告报名</view>
					<view class="subtitle"></view>
				</view>
			</list-cell>
			<list-cell hover arrow @tap="jump('/pages/message/launchSigns')">
				<view class="list-cell-wrapper">
					<view view="title">申请的通告报名</view>
					<view class="subtitle">
						<text></text>
					</view>
				</view>
			</list-cell>
		</view>
		<view class="list-cell-wrap">
			<list-cell hover arrow @tap="jump('/pages/message/system')">
				<view class="list-cell-wrapper">
					<view view="title">系统消息</view>
					<view class="subtitle"></view>
				</view>
			</list-cell>
		</view>
		<!-- tabbar -->
		<q-tabbar v-if="!contactShow&&!noCooperationShow" :active="3" :count="msgCount"></q-tabbar>
	</view>
</template>

<script>
import {mapState, mapMutations } from 'vuex'
export default {
	computed:{
		...mapState(['hasLogin', 'userInfo']),
	},
	onLoad() {
		this.getIndex();
	},
	onReachBottom() {
		if(this.loadStatus!='nomore') {
			this.page++;
			this.loadStatus = 'loading'
			this.getIndex();
		}
	},
	data() {
		return {
			
		};
	},
	methods: {
		getIndex() {
		},	
		jump(url) {
			uni.navigateTo({
				url:url
			})
		}
	}
};
</script>

<style lang="scss" scoped>
.list-cell-wrap {
	background-color: #fff;
	margin: 20rpx 0;
	overflow: hidden;
}
.list-cell-wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	.title {
		font-size: 32rpx;
	}
	
	.subtitle {
		font-size: 24rpx;
		color: #999999;
	}
}
</style>
